<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>农民管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../style/wangeditor.css" />
    <link rel="stylesheet" href="../../style/index.css" />
    <style>
      .el-badge__content {
        z-index: 1;
      }
      .el-dialog__header {
        padding: 15px 15px 10px;
      }

      .el-dialog__body {
        padding: 15px;
      }

      .el-dialog__footer {
        padding: 5px 15px 10px;
      }

      #user .el-dialog {
        margin-top: 10px !important;
        margin: 0 auto 10px;
      }

      #user .el-dialog__header {
        padding: 15px 15px 0;
      }

      #user .el-dialog__body {
        padding: 0 15px 0;
      }

      #user .el-input.is-disabled .el-input__inner {
        color: #000;
        background-color: #fff;
      }
      .el-dropdown {
        vertical-align: top;
      }
      .el-dropdown + .el-dropdown {
        margin-left: 15px;
      }
      .el-icon-arrow-down {
        font-size: 12px;
      }
    </style>
  </head>

  <body>
    <div id="app" v-cloak class="minWidth">
      <div style="display: flex; justify-content: space-between">
        <!-- 左边 -->
        <div style="float: left; height: 100%; margin-right: 3%">
          <!-- <el-autocomplete
            style="margin-bottom: 10%"
            v-model="state"
            :fetch-suggestions="querySearchAsync"
            placeholder="请输入内容"
            @select="handleSelect"
          ></el-autocomplete> -->
          <el-tree
            :data="data"
            :props="defaultProps"
            @node-click="handleNodeClick"
          ></el-tree>
        </div>
        <!-- 右边 -->
        <div style="float: right; width: 80%; height: 100%">
          <!-- <el-form :inline="true" :form="form"> -->
          <!-- <el-form-item>
              <el-input
                v-model.trim="form.Article_Name"
                clearable
                placeholder="请输入商品名称"
              />
            </el-form-item> -->
          <!-- <el-form-item>
              <el-input
                v-model.trim="form.Supplier_Name"
                clearable
                placeholder="请输入供应商名称"
              />
            </el-form-item> -->

          <!-- <el-form-item>
              <el-button type="primary" @click="onSerach">查询</el-button>
            </el-form-item> -->
          <!-- </el-form> -->
          <el-table
            v-loading="loading"
            :cell-style="{'text-align': 'center'}"
            :data="tableData"
            stripe
            border
            height="calc(100vh - 140px)"
            style="width: 100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column
              align="center"
              type="index"
              label="序号"
              width="50"
            ></el-table-column>
            <el-table-column
              prop="ID_Name"
              label="农民姓名"
              align="center"
            ></el-table-column>
            <el-table-column
              prop="ID_Number"
              width="200"
              align="center"
              label="身份证号"
            ></el-table-column>
            <el-table-column
              prop="Phone"
              label="联系方式"
              align="center"
            ></el-table-column>
            <el-table-column
              prop="Land_Number"
              label="土地编号"
              align="center"
              width="250"
            ></el-table-column>
            <el-table-column
              align="center"
              prop="PurchasePrice"
              label="土地地址"
            >
              <template v-slot="{row}"
                >{{row.Province + row.City + row.County + row.Town }}</template
              >
            </el-table-column>
          </el-table>
          <el-pagination
            @current-change="handleCurrentChange"
            style="margin-top: 2%"
            background
            :page-size="6"
            layout="prev, pager, next"
            :total="Total"
          >
          </el-pagination>
          <show-detail
            :visible.sync="dialogVisible"
            :data="Article_SerialNumber"
          ></show-detail>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../utils/vuex.min.js"></script>
    <script
      type="text/javascript"
      src="../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../component/component.js"></script>
    <script type="text/javascript" src="../../config/config.js"></script>
    <script type="text/javascript" src="../../utils/FileSaver.min.js"></script>
    <script type="text/javascript" src="../../utils/FileSaver.js"></script>
    <script type="text/javascript" src="../../utils/xlsx.full.min.js"></script>
    <script type="text/javascript" src="../../utils/xlsx.core.min.js"></script>
    <script type="text/javascript" src="../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../utils/ID_Validity.js"></script>
    <script type="text/javascript" src="../../utils/utils.js"></script>
    <script type="text/javascript" src="./index.js"></script>
  </body>
</html>
